.pe{
  height: fit-content;
  padding: 2rem 4rem;
}

.access-dropdown[data-v-f8160c4d] {
  background-color: var(--neutralLightGrey);
  border: 1px solid var(--neutralLightGrey);
  border-radius: 4px;
  box-shadow: 0 4px 14px var(--neutralLightGrey9,.2);
  color: var(--neutralLightGrey9);
  font-size: var(--fontSizeTextP5);
  left: var(--left);
  padding: 8px 0;
  position: absolute;
  top: var(--top);
  transition: opacity .5s ease;
  z-index: 10
}

.access-dropdown-item[data-v-f8160c4d] {
  cursor: pointer;
  padding: 8px 16px;
  transition: opacity .5s ease-in-out
}

.access-dropdown-item[data-v-f8160c4d]:hover,.active[data-v-f8160c4d] {
  color: var(--brandPrimary6);
  font-weight: 500;
  transition: opacity .5s ease-in-out
}

.header[data-v-0fa1a806] {
  background: transparent;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11
}

.scroll-header[data-v-0fa1a806] {
  background-color: var(--neutralLightGrey)
}

.nav__container[data-v-0fa1a806] {
  height: 5rem;
  justify-content: space-between;
  padding: 0 1rem
}

.nav__container[data-v-0fa1a806],.nav__list[data-v-0fa1a806] {
  align-items: center;
  display: flex
}

.nav__list[data-v-0fa1a806] {
  flex-direction: column;
  position: relative;
  row-gap: 1rem
}

.nav__link[data-v-0fa1a806] {
  color: var(--neutralLightGrey9);
  cursor: pointer;
  font-size: var(--fontSizeTextP5);
  line-height: 160%
}

.active[data-v-0fa1a806],.nav__link[data-v-0fa1a806]:hover {
  color: var(--brandPrimary6);
  font-weight: 500
}

.nav__close[data-v-0fa1a806] {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1rem
}

.nav__close[data-v-0fa1a806],.nav__toggle[data-v-0fa1a806] {
  color: var(--brandPrimary6)
}

@media screen and (min-width: 940px) {
  .nav__list[data-v-0fa1a806] {
      -moz-column-gap:2.4rem;
      column-gap: 2.4rem;
      flex-direction: row
  }

  .buttons[data-v-0fa1a806] {
      align-items: center;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      display: flex;
      position: relative
  }

  .nav__close[data-v-0fa1a806],.nav__toggle[data-v-0fa1a806] {
      display: none
  }
}

@media screen and (max-width: 940px) {
  .nav__menu[data-v-0fa1a806] {
      background-color:var(--neutralLightGrey);
      height: 100%;
      left: 0;
      padding: 8rem 0 3rem;
      position: fixed;
      top: -120%;
      transition: 1s;
      width: 100%
  }

  .buttons[data-v-0fa1a806] {
      display: flex;
      flex-direction: column-reverse;
      gap: 1rem
  }

  .nav__link[data-v-0fa1a806] {
      font-size: var(--fontSizeTextP4)
  }

  .access-dropdown[data-v-0fa1a806] {
      left: 25%;
      top: 102%
  }

  .solutions-dropdown[data-v-0fa1a806] {
      left: 35%;
      top: 42%
  }
}

.show__menu[data-v-0fa1a806] {
  top: 0
}

.link[data-v-7b83f96f] {
  color: var(--color);
  font-size: var(--fontSize);
  font-weight: var(--fontWeight);
  -webkit-text-decoration: var(--decoration);
  text-decoration: var(--decoration);
  transition: color .5s
}

.link[data-v-7b83f96f]:hover {
  color: var(--hoverColor);
  -webkit-text-decoration: var(--hoverDecoration);
  text-decoration: var(--hoverDecoration)
}

.footer__links[data-v-6432088b] {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem
}

.footer__logo__title[data-v-6432088b] {
  margin-bottom: 1.5rem
}

.footer__links__list[data-v-6432088b] {
  gap: 1rem
}

.footer__links__list[data-v-6432088b],.social[data-v-6432088b] {
  display: flex;
  flex-direction: column
}

.social[data-v-6432088b] {
  margin-top: 2rem
}

.footer__social__grid[data-v-6432088b] {
  display: flex;
  gap: 1.5rem
}

@media (max-width: 840px) {
  .footer__links[data-v-6432088b] {
      align-items:center
  }
}

.footer__container {
  display: flex;
  flex-direction: column;
  gap: 4rem
}

.footer__options {
  display: flex;
  justify-content: space-between;
}

.footer__logo {
  display: flex;
  flex-direction: column;
  gap: 2rem
}

.logo__footer {
  margin-bottom: 2rem;
  width: 90px
}

.footer__logo__copy {
  max-width: 220px;
  width: 100%
}

.footer__app {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

.footer__copy {
  align-items: center;
  border-top: 1px solid var(--neutralLightGrey2);
  display: flex;
  justify-content: space-between;
  padding-top: 2rem
}

.co{
  padding: 30px;
}

.footer__app__grid {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (max-width: 840px) {
  .footer__options {
      align-items:center;
      flex-direction: column;
      grid-template-columns: 1fr;
      text-align: center
  }

  .footer__app,.footer__logo__header {
      align-items: center;
      display: flex;
      flex-direction: column;
      margin: 0 0 2rem 0;
  }

  .footer__logo__copy {
      text-align: center
  }

  .footer__copy {
      align-items: center;
      flex-direction: column-reverse
  }
}

.content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%
}

/**/
.popover-component {
  top: 10%;
  left: 85%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  z-index: 1;
  display: none;
}
.collections-slide-background:hover .popover-component{
  display: block;
  z-index: 1;
}
.popover-component {
  position: absolute;
  z-index: 1
}
.popover-component {
  margin-bottom: 0;
}
.popover-component--top-right {
  z-index: 1;
  top: auto!important;
  bottom: 70%!important;
  right: auto!important;
  left: 50%!important;
  box-shadow: 0 16px 40px -8px black;
  border-radius: 6px
}
.popover-component__content {
  position: relative;
  max-width: 17.5rem;
  padding: 1.5rem 1rem;
  background-color: white;
  box-shadow: black;
  border-radius: .375rem;
  color: black;
  width: 227px
}
.product-card__title {
  max-height: 3.275rem
}
.product-card__title {
  line-height: 120%;
  margin: .25rem 0
}
.product-card__title {
  line-height: 121%;
  font-weight: 600;
  word-break: break-word;
  color: black;
  transition: all .5s cubic-bezier(.4,0,.14,1);
  max-height: 3.2rem;
  overflow: hidden
}
.popover-component--top-right .popover-component__content:after {
  right: auto;
  left: 1rem;
  top: auto;
  bottom: -.9rem;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.popover-component__content:after {
  position: absolute;
  content: "";
  left: -10px;
  top: calc(50% - 10px);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
}

@media screen and (min-width: 599px) {
  .product-card__title {
      font-size:.875rem;
      max-height: 4.375rem;
      overflow: hidden;
      line-height: normal
  }
}

@media (min-width: 1200px) {
  .product-card__title {
      font-size:18px;
      max-height: 2.75rem
  }
}
@media screen and (min-width: 797px) {
  .product-card__title {
      font-size: 1rem;
      max-height: 4.375rem;
      overflow: hidden;
      line-height: normal
  }
}
/*Quadrinhos*/
.x11 img{
  transition: .3s ease;
}
.x11:hover img{
  transform: scale(1.2);
}
.popover-component1{
  top: 10%;
  left: 85%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  display: none;
}
.collections-slide-item:hover .popover-component1.x1{
  display: block;
  z-index: 1;
  left: 10%;
}
.collections-slide-item:hover .popover-component1.x2{
  display: block;
  z-index: 1;
  left: 10%;
}
.collections-slide-item:hover .popover-component1.x3{
  display: block;
  z-index: 1;
  left: 10%;
}
.collections-slide-item:hover .popover-component1.x4{
  display: block;
  z-index: 1;
  left: 10%;
}
.popover-component1 {
  position: absolute;
  z-index: 1
}
.popover-component1 {
  margin-bottom: 0;
}
.popover-component--top-right1 {
  z-index: 1;
  top: auto;
  bottom: 13%;
  right: auto;
  left: 10%;
  box-shadow: 0 16px 40px -8px black;
  border-radius: 6px
}
.popover-component__content1 {
  position: relative;
  max-width: 17.5rem;
  padding: 1.5rem 1rem;
  background-color: white;
  box-shadow: black;
  border-radius: .375rem;
  color: black;
  width: 227px;
  z-index: 1;
}
.popover-component__content2 {
  position: relative;
  max-width: 17.5rem;
  padding: 1.5rem 1rem;
  background-color: white;
  box-shadow: black;
  border-radius: .375rem;
  color: black;
  width: 227px;
  z-index: 1;
}
.popover1 {
  margin-right: 50%;
}
.product-card__title1 {
  max-height: 3.275rem
}
.product-card__title1 {
  line-height: 120%;
  margin: .25rem 0
}
.product-card__title1 {
  line-height: 121%;
  font-weight: 600;
  word-break: break-word;
  color: black;
  transition: all .5s cubic-bezier(.4,0,.14,1);
  max-height: 3.2rem;
  overflow: hidden
}
.popover-component--top-right1 .popover-component__content1:after {
  right: auto;
  left: 1rem;
  top: auto;
  bottom: -.9rem;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.popover-component__content1:after {
  position: absolute;
  content: "";
  left: -10px;
  top: calc(50% - 10px);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
}
.popover-component--top-right1 .popover-component__content2:after {
  right: auto;
  left: 1rem;
  top: auto;
  bottom: -.9rem;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.popover-component__content2:after {
  position: absolute;
  content: "";
  margin-left: 150px;
  top: calc(50% - 10px);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
}

@media screen and (min-width: 599px) {
  .product-card__title1 {
      font-size:.875rem;
      max-height: 4.375rem;
      overflow: hidden;
      line-height: normal
  }
}

@media (min-width: 1200px) {
  .product-card__title1 {
      font-size:18px;
      max-height: 2.75rem
  }
}
@media screen and (min-width: 797px) {
  .product-card__title1 {
      font-size: 1rem;
      max-height: 4.375rem;
      overflow: hidden;
      line-height: normal
  }
}
